<template>
	<scroll-view scroll-y class="scroll-view" @scrolltolower="onScrollToLower">
		<view class="air-order-list">
			<template v-for="(item, index) in orderList">
				<view @click="toDetail(item)">
					<view class="order1">
						<view class="box_4">
							<view class="group_3">
								<text lines="1" class="text_6">{{ item.statusName }}</text>
								<view class="group_4"></view>
								<view class="group_5">
									<view class="text-wrapper_2">
										<text lines="1"
											class="text_7">{{ item.fromDateTime.split(' ')[1].slice(0,5)}}</text>
										<text lines="1" class="text_8">{{ item.flyDuration}}</text>
										<text lines="1"
											class="text_9">{{ item.toDateTime.split(' ')[1].slice(0,5)}}</text>
									</view>
									<image src="/static/images/line1.png" class="image_3"></image>
									<view class="group_6">
										<text lines="1"
											class="text_10">{{ item.fromAirportNameUyghur}}{{ item.fromTerminal }}</text>
										<view class="group_7">
											<image :src="item.flightsOther.airlineLogoUrl" class="thumbnail_1"></image>
											<text lines="1" decode="true"
												class="text_11">{{ item.airlineCompanyUyghur}}</text>
											<view class="group_8"></view>
											<text lines="1" class="text_12">{{ item.craftType }}</text>
											<view class="group_8"></view>
											<text lines="1" class="text_12">{{ item.cabinNameUnghur }}</text>
										</view>
										<text lines="1" class="text_13">{{ item.meals}}</text>
										<text lines="1"
											class="text_14">{{ item.toAirportNameUyghur}}{{ item.toTerminal }}</text>
									</view>
								</view>
								<view class="group_10">
									<view class="text-wrapper_3" v-for="user in item.passengers">
										<text lines="1" class="text_16">出行人</text>
										<text lines="1" class="text_17">{{ user.name }}</text>
									</view>
								</view>
								<view class="group_11"></view>
								<!-- 0 支付 1 删除 2取消支付 3 取消订单 4 购买返程 5 再次购买-->
								<!-- v-if="item.payStatus === 0 && item.status === 0" -->
								<!--
								 01 取消支付 重新支付 取消订单
								12、13
								14 改签 申请退票 分享 删除
								15、
								16、分享 删除
								111、112、113、114、115、116、121、122
								123 去支付
								124、125、126、
								127 分享 删除
								128 分享 删除
								199 
								31 重新支付 -->
								<view class="group_41 flex-row" style="justify-content: flex-end;"
									v-if="item.payStatus === 0 && item.status === 1">
									<view class="button_3 flex-col" @click.stop="handleSubmit(0,item)">
										{{ '去支付' | i18n }}</view>
									<view class="button_3 flex-col" @click.stop="handleSubmit(0,item)">
										{{ '重新支付' | i18n }}</view>
									<view class="button_3 flex-col" @click.stop="handleSubmit(3,item)">
										{{ '取消订单' | i18n }}</view>
								</view>
								<view class="group_41 flex-row" style="justify-content: flex-end;" 
								v-if="(item.payStatus === 1 && item.status === 2) ||
									(item.payStatus === 1 && item.status === 3) ||
									(item.payStatus === 1 && item.status === 4)">
									<view class="button_3 flex-col">改签</view>
									<view class="button_3 flex-col">申请退票</view>
									<view class="button_3 flex-col">{{ '分享' | i18n }}</view>
									<view class="button_3 flex-col" @click.stop="handleSubmit(1,item)">
										{{ '删除订单' | i18n }}</view>
								</view>
								<view class="group_41 flex-row" style="justify-content: flex-end;"
									v-if="(item.payStatus ===1 && item.status === 5) 
									|| (item.payStatus ===1 && item.status === 6)">
									<view class="button_3 flex-col">{{ '分享' | i18n }}</view>
									<view class="button_3 flex-col" @click.stop="handleSubmit(1,item)">
										{{ '删除订单' | i18n }}</view>
								</view>
								<view class="group_41 flex-row" style="justify-content: flex-end;"
								 v-if="(item.payStatus === 1 && item.status === 11) 
									|| (item.payStatus === 1 && item.status === 12)
									|| (item.payStatus === 1 && item.status === 13)
									|| (item.payStatus === 1 && item.status === 14)
									|| (item.payStatus === 1 && item.status === 15)
									|| (item.payStatus === 1 && item.status === 16)
									|| (item.payStatus === 1 && item.status === 121)
									|| (item.payStatus === 1 && item.status === 122)
									|| (item.payStatus === 1 && item.status === 123)
									">
									<view class="button_3 flex-col" @click.stop="handleSubmit(0,item)">
										{{ '去支付' | i18n }}</view>
								</view>
								<view class="group_41 flex-row" style="justify-content: flex-end;"
								 v-if="(item.payStatus ===1 && item.status === 24) 
									|| (item.payStatus ===1 && item.status === 25)
									|| (item.payStatus ===1 && item.status === 26)
									|| (item.payStatus ===1 && item.status === 27)
									|| (item.payStatus ===1 && item.status === 28)
									">
									<view class="button_3 flex-col">{{ '分享' | i18n }}</view>
									<view class="button_3 flex-col" @click.stop="handleSubmit(1,item)">
										{{ '删除订单' | i18n }}</view>
								</view>

								<view class="group_41 flex-row" style="justify-content: flex-end;" 
								v-if="(item.payStatus ===1 && item.status ===99)
									|| (item.payStatus ===3 && item.status ===1)">
									<view class="button_3 flex-col" @click.stop="handleSubmit(0,item)">
										{{ '重新支付' | i18n }}</view>
								</view>
								<!-- <view class="group_13">
									<button bindtap="onClick" class="text-wrapper_4">
										<text lines="1" class="text_18">分享行程</text>
									</button>
									<view class="text-wrapper_12">
										<text lines="1" class="text_35">退票</text>
									</view>
									<view class="text-wrapper_5">
										<text lines="1" class="text_19">改签</text>
									</view>
									<view class="text-wrapper_6" @click.stop="onPay(item)">
										支付
									</view>
								</view> -->
							</view>
						</view>
					</view>
					<!-- <view class="order2">
						<view class="list-items_1-0">
							<view class="box_7-0">
								<text lines="1" class="text_23-0">已完成</text>
								<view class="block_2-0"></view>
								<view class="block_3-0">
									<text lines="1" class="text_24-0">乌鲁木齐地窝堡T3</text>
									<view class="box_8-0"></view>
									<text lines="1" class="text_25-0">中国香港T1</text>
								</view>
								<view class="block_4-0">
									<image
										src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng55a28c9082045f683909c641178d4d9b64435e833bb44dea71a3d4520b0bc072"
										class="thumbnail_4-0"></image>
									<text lines="1" decode="true" class="text_26-0">东航&nbsp;MU9931</text>
									<text lines="1" class="text_27-0">中型机321</text>
									<text lines="1" decode="true" class="text_28-0">2022-03-20&nbsp;08:15至13:45</text>
								</view>
								<view class="text-wrapper_7-0">
									<text lines="1" class="text_29-0">¥</text>
									<text lines="1" class="text_30-0">385.5</text>
								</view>
								<view class="block_5-0"></view>
								<view class="block_6-0">
									<button bindtap="onClick" class="text-wrapper_8-0">
										<text lines="1" class="text_31-0">删除订单</text>
									</button>
									<view class="text-wrapper_9-0">
										<text lines="1" class="text_32-0">再次预订</text>
									</view>
									<view class="text-wrapper_10-0">
										<text lines="1" class="text_33-0">发票报销</text>
									</view>
								</view>
							</view>
						</view>
					</view> -->
				<!--  -->
				</view>
			</template>
		</view>
	</scroll-view>

</template>
<script>
	/**
	 * 飞机票
		payStatus  支付状态：0、未支付；1、支付成功；2、支付失败；3、支付取消；4、退款
		status  订单状态：1、待支付；2、已支付待出票；3、出票中；4、已出票；5、不能出票待退款；6、不能出票退款中；7、不能出票已退款；11、退票审核中；12、退票审核中；13、退票审核失败；14、退票审核通过待退款；15、退票审核通过退款中；16、退票审核通过退款成功；21、改签审核中；22、改签审核不通过；23、改签需补款待支付；24、改签补款成功；25、改签失败退款中；26、改签失败退款成功；27、改签成功；28、改签取消；99、已取消


		01 取消支付 重新支付 取消订单
		12、13
		14 改签 申请退票 分享 删除
		15、
		16、分享 删除
		111、112、113、114、115、116、121、122
		123 去支付
		124、125、126、
		127 分享 删除
		128 分享 删除
		199 
		31 重新支付
	 */
	import {
		mapGetters
	} from 'vuex'
	import {
		getPlanOrderList,
		submitPlanOrderAgain,
		deletePlanOrder,
		cancelPlanOrderPay,
		cancelPlanOrder
	} from "../../../api/dailyLife";
	import {
		planPay
	} from '@/utils/payUtils.js'
	let pageNumber = 1
	let lock = false
	export default {
		name: "airOrder",
		computed: mapGetters(['isLogin', 'uid']),
		data() {
			return {
				orderList: []
			}
		},
		mounted() {
			this.getOrderList(1)
		},
		methods: {
			toDetail(item) {
				console.log('doanj')
				uni.navigateTo({
					url: `/pages/dailyLife/planeDetails/index?orderId=${item.orderId}&orderNo=${item.tradeNo}`
				})
			},
			async onPay(item) {
				// 创建充值订单
				const res1 = await submitPlanOrderAgain({
					orderId: item.orderId,
					orderNo: item.tradeNo
				})
				const {
					code,
					data,
					msg
				} = res1
				if (code === 1) {
					// 唤醒支付
					planPay(data.jsConfig)
				} else {
					uni.showToast({
						icon: 'none',
						title: msg
					})
				}
			},
			onDelOrder(item, index) {
				let _this = this
				uni.showModal({
					title: _this.$i18n['提示'],
					cancelText: _this.$i18n['取消'],
					confirmText: _this.$i18n['确认'],
					content: _this.$i18n['确定要删除这条订单吗？'],
					success: function(res) {
						if (res.confirm) {
							_this.onRemove(item, index)
						}
					}
				});

			},
			onRemove(item, index) {
				deletePlanOrder({
					orderId: item.orderId,
					orderNo: item.tradeNo
				}).then(res => {
					let {
						code
					} = res
					if (code === 1) {
						uni.showToast({
							title: '删除成功'
						})
						this.orderList.splice(index, 1)
					}
				})
			},
			getOrderList(page, override) {
				const data = {
					userId: this.uid,
					page
				}
				if (!lock) {
					lock = true
				} else {
					return
				}
				if (page === 1) {
					uni.showLoading()
				}
				getPlanOrderList(data).then((res) => {
					const {
						code,
						data,
						msg
					} = res
					if (code === 1) {
						pageNumber = page
						const list = data.map(el => {
							return {
								...el,
								...el.flights[0],
								...el.flightsOther
							}
						})
						this.orderList = override ? list : this.orderList.concat(list)
						console.log('this.orderList', this.orderList)
					} else {
						console.error(msg)
					}
				}).finally(() => {
					lock = false
					uni.hideLoading()
				})
			},
			onScrollToLower() {
				this.getOrderList(pageNumber + 1)
			},
			/**
			 *
			 * @param {Object} status
			 *  0 支付订单
			 *  1 删除订单
			 *  2 取消支付
			 *  3 取消订单
			 *  4 购买返程
			 *  5 再次购买
			 */
			async handleSubmit(status, orderDetail) {
				// const {
				// 	fromCode,
				// 	fromNameUyghur,
				// 	toCode,
				// 	toNameUyghur,
				// } = orderDetail.trainSeats[0]
				// const {
				// 	year,
				// 	month,
				// 	day
				// } = this.trainTime
				// const startDate = `${year}-${month}-${day}`
				switch (status) {
					case 0:
						// 创建充值订单
						const res1 = await submitPlanOrderAgain({
							orderId: orderDetail.orderId,
							orderNo: orderDetail.tradeNo
						})
						const {
							code,
							data,
							msg
						} = res1
						if (code === 1) {
							// 唤醒支付
							planPay(data.jsConfig, {
								orderId: orderDetail.orderId,
								orderNo: orderDetail.tradeNo
							}).then(result => {
								uni.redirectTo({
									url: `/pages/dailyLife/planeDetails/index?orderId=${data.order.orderId}&orderNo=${data.order.orderNo}`
								})
							})
						} else {
							uni.showToast({
								icon: 'none',
								title: msg
							})
						}
						break;
					case 1:
						let _this = this
						uni.showModal({
							title: _this.$i18n['提示'],
							cancelText: _this.$i18n['取消'],
							confirmText: _this.$i18n['确认'],
							content: _this.$i18n['确定要删除这条订单吗？'],
							success: function(res) {
								if (res.confirm) {
									_this.onDeleteOrder()
								}
							}
						});
						break
					case 2:
						uni.showModal({
							title: _this.$i18n['提示'],
							cancelText: _this.$i18n['取消'],
							confirmText: _this.$i18n['确认'],
							content: '确定要取消支付这条订单吗?',
							success: function(res) {
								if (res.confirm) {
									_this.onCancelPay()
								}
							}
						});
						break
					case 3:
						uni.showModal({
							title: _this.$i18n['提示'],
							cancelText: _this.$i18n['取消'],
							confirmText: _this.$i18n['确认'],
							content: '确定要取消这条订单吗?',
							success: function(res) {
								if (res.confirm) {
									_this.onCancelOrder()
								}
							}
						});
						break
					default:
						break;
				}
			},
			onDeleteOrder() {
				deletePlanOrder({
					orderId: orderDetail.orderId,
					orderNo: orderDetail.tradeNo
				}).then(res => {
					let {
						code,
						msg
					} = res
					if (code === 1) {
						uni.showToast({
							title: msg
						})
						this.getOrderList(1)
					} else {
						uni.showToast({
							icon: 'none',
							title: msg
						})
					}
				})
			},
			onCancelOrder() {
				cancelPlanOrder({
					orderId: orderDetail.orderId,
					orderNo: orderDetail.tradeNo
				}).then(res => {
					let {
						code,
						msg
					} = res
					if (code === 1) {
						uni.showToast({
							title: msg
						})
						this.getOrderList(1)
					} else {
						uni.showToast({
							icon: 'none',
							title: msg
						})
					}
				})
			},
			onCancelPay() {
				cancelPlanOrderPay({
					orderId: orderDetail.orderId,
					orderNo: orderDetail.tradeNo
				}).then(res => {
					let {
						code,
						msg
					} = res
					if (code === 1) {
						uni.showToast({
							title: msg
						})
						this.getOrderList(1)
					} else {
						uni.showToast({
							icon: 'none',
							title: msg
						})
					}
				})
			},

		}
	}
</script>

<style lang="less">
	.air-order-list {
		height: 100vh;
		background-color: #F9F9F9;

		.group_41 {
			margin: 9px 0 10px;
			padding: 0 20rpx;
			display: flex;
			align-items: center;
			justify-content: flex-end;

			.button_3 {
				border-radius: 20rpx;
				border: 0.5px solid #cdcdcd;
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				min-width: 136rpx;
				padding: 0 20rpx;
				font-size: 28rpx;
				text-align: center;
			}
		}

		.order1 {

			.box_4 {
				border-radius: 20rpx;
				background-color: rgba(255, 255, 255, 1);
				display: flex;
				flex-direction: column;
				width: 690rpx;
				margin: 20rpx auto;
				padding: 30rpx;
			}

			.group_3 {
				display: flex;
				flex-direction: column;
			}

			.text_6 {
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(233, 85, 14, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: right;
			}

			.group_4 {
				width: 630rpx;
				height: 2rpx;
				margin-top: 20rpx;
				display: flex;
				flex-direction: column;
				background-color: #F6F6F6;
			}

			.group_5 {
				width: 594rpx;
				height: 220rpx;
				flex-direction: row;
				display: flex;
				align-items: center;
				margin: 22rpx 0 0 36rpx;
			}

			.text-wrapper_2 {
				width: 106rpx;
				height: 218rpx;
				display: flex;
				flex-direction: column;
			}

			.text_7 {
				width: 86rpx;
				height: 40rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 36rpx;
				font-family: DINAlternate-Bold;
				white-space: nowrap;
				line-height: 40rpx;
				text-align: left;
				margin-left: 20rpx;
			}

			.text_8 {
				width: 92rpx;
				height: 40rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 40rpx;
				text-align: left;
				margin-top: 46rpx;
			}

			.text_9 {
				width: 86rpx;
				height: 40rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 36rpx;
				font-family: DINAlternate-Bold;
				white-space: nowrap;
				line-height: 40rpx;
				text-align: left;
				margin: 52rpx 0 0 20rpx;
			}

			.image_3 {
				width: 16rpx;
				height: 194rpx;
				margin-left: 24rpx;
			}

			.group_6 {
				height: 220rpx;
				margin-left: 24rpx;
				display: flex;
				flex-direction: column;
			}

			.text_10 {
				width: 334rpx;
				height: 40rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
				font-family: PingFangSC-Medium;
				white-space: nowrap;
				line-height: 40rpx;
				text-align: left;
			}

			.group_7 {
				height: 28rpx;
				margin-top: 32rpx;
				flex-direction: row;
				display: flex;
			}

			.thumbnail_1 {
				width: 28rpx;
				height: 20rpx;
			}

			.text_11 {
				height: 28rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 26rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 26rpx;
				text-align: left;
				margin-left: 6rpx;
			}

			.group_8 {
				width: 2rpx;
				height: 22rpx;
				background-color: #CDCDCD;
				display: flex;
				flex-direction: column;
				margin: 6rpx 0 0 12rpx;
			}

			.text_12 {
				height: 28rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 26rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 26rpx;
				text-align: left;
				margin-left: 10rpx;
			}

			.text_13 {
				height: 32rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 26rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 26rpx;
				text-align: left;
				margin: 18rpx 0 0 34rpx;
			}

			.text_14 {
				height: 40rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
				font-family: PingFangSC-Medium;
				white-space: nowrap;
				line-height: 40rpx;
				text-align: left;
				margin-top: 30rpx;
			}

			.group_9 {
				width: 2rpx;
				height: 22rpx;
				background-color: #CDCDCD;
				display: flex;
				flex-direction: column;
				margin: 78rpx 0 0 12rpx;
			}

			.text_15 {
				height: 30rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 26rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 26rpx;
				text-align: left;
				margin: 72rpx 0 0 10rpx;
			}

			.group_10 {
				border-radius: 4rpx;
				background-color: rgba(249, 249, 249, 1);
				margin-top: 20rpx;
				display: flex;
				flex-direction: column;
				width: 630rpx;
				padding: 20rpx;
			}

			.text-wrapper_3 {
				height: 38rpx;
				flex-direction: row;
				align-items: center;
				display: flex;
				justify-content: flex-end;
			}

			.text_16 {
				height: 28rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 20rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				text-align: left;
				margin-right: 10rpx;
			}

			.text_17 {
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 28rpx;
				font-family: PingFangSC-Medium;
				white-space: nowrap;
				text-align: left;
			}

			.group_11 {
				width: 630rpx;
				height: 2rpx;
				background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng14ec70877fe6acc48ca6667c3ea65348d72d10944d5966d675fe5f5ae94e8ea0) -2rpx 0rpx no-repeat;
				background-size: 634rpx 2rpx;
				display: flex;
				flex-direction: column;
			}

			.group_13 {
				width: 604rpx;
				height: 48rpx;
				flex-direction: row;
				display: flex;
				justify-content: space-between;
				margin: 20rpx 0 0 26rpx;
			}

			.text-wrapper_4 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_18 {
				width: 96rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 22rpx;
			}

			.text-wrapper_12 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_35 {
				width: 48rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 46rpx;
			}

			.text-wrapper_5 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_19 {
				width: 48rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 46rpx;
			}

			.text-wrapper_6 {
				height: 48rpx;
				line-height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				margin-left: 20rpx;
				padding: 0 40rpx;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
			}
		}

		.order2 {

			.list-items_1-0 {
				margin: 0 auto;
				height: 350rpx;
				border-radius: 20rpx;
				background-color: rgba(255, 255, 255, 1);
				margin-bottom: 20rpx;
				display: flex;
				flex-direction: column;
				width: 690rpx;
			}

			.box_7-0 {
				width: 638rpx;
				height: 300rpx;
				display: flex;
				flex-direction: column;
				margin: 30rpx 0 0 30rpx;
			}

			.text_23-0 {
				width: 72rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: left;
				margin-left: 558rpx;
			}

			.block_2-0 {
				width: 630rpx;
				height: 2rpx;
				background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1d6cc8d0c60c467201953dbf5be2157ca04ee972f25ee2b8f46eb85142bf5e4a) -2rpx 0rpx no-repeat;
				background-size: 634rpx 4rpx;
				margin-top: 20rpx;
				display: flex;
				flex-direction: column;
			}

			.block_3-0 {
				width: 490rpx;
				height: 32rpx;
				flex-direction: row;
				display: flex;
				justify-content: space-between;
				margin: 30rpx 0 0 140rpx;
			}

			.text_24-0 {
				width: 264rpx;
				height: 32rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
				font-family: PingFangSC-Medium;
				white-space: nowrap;
				line-height: 32rpx;
				text-align: left;
			}

			.box_8-0 {
				width: 24rpx;
				height: 6rpx;
				background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf4c26ed353d841fb1ba34fdeaf1d27e98d5f6b083439db14ae2b7467ffa9ef57) -2rpx -2rpx no-repeat;
				background-size: 28rpx 10rpx;
				display: flex;
				flex-direction: column;
				margin: 12rpx 0 0 20rpx;
			}

			.text_25-0 {
				width: 162rpx;
				height: 32rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 32rpx;
				font-family: PingFangSC-Medium;
				white-space: nowrap;
				line-height: 32rpx;
				text-align: left;
				margin-left: 20rpx;
			}

			.block_4-0 {
				width: 618rpx;
				height: 24rpx;
				flex-direction: row;
				display: flex;
				margin: 20rpx 0 0 12rpx;
			}

			.thumbnail_4-0 {
				width: 28rpx;
				height: 20rpx;
			}

			.text_26-0 {
				width: 148rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: left;
				margin-left: 8rpx;
			}

			.text_27-0 {
				width: 112rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(153, 153, 153, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: left;
				margin-left: 10rpx;
			}

			.text_28-0 {
				width: 296rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(102, 102, 102, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: left;
				margin-left: 16rpx;
			}

			.text-wrapper_7-0 {
				width: 112rpx;
				height: 40rpx;
				overflow-wrap: break-word;
				text-align: left;
				white-space: nowrap;
				font-size: 0rpx;
				margin: 20rpx 0 0 518rpx;
			}

			.text_29-0 {
				font-size: 24rpx;
				font-family: PingFangSC-Medium;
				color: rgba(51, 51, 51, 1.000000);
				line-height: 40rpx;
			}

			.text_30-0 {
				font-size: 36rpx;
				font-family: PingFangSC-Medium;
				color: rgba(51, 51, 51, 1.000000);
				line-height: 40rpx;
			}

			.block_5-0 {
				width: 630rpx;
				height: 2rpx;
				background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1d6cc8d0c60c467201953dbf5be2157ca04ee972f25ee2b8f46eb85142bf5e4a) -2rpx 0rpx no-repeat;
				background-size: 634rpx 4rpx;
				margin-top: 20rpx;
				display: flex;
				flex-direction: column;
			}

			.block_6-0 {
				width: 448rpx;
				height: 48rpx;
				flex-direction: row;
				display: flex;
				justify-content: space-between;
				margin: 18rpx 0 0 190rpx;
			}

			.text-wrapper_8-0 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_31-0 {
				width: 96rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 22rpx;
			}

			.text-wrapper_9-0 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_32-0 {
				width: 96rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 22rpx;
			}

			.text-wrapper_10-0 {
				height: 48rpx;
				border-radius: 24rpx;
				border: 0.5px solid rgba(205, 205, 205, 1);
				margin-left: 20rpx;
				display: flex;
				flex-direction: column;
				width: 136rpx;
			}

			.text_33-0 {
				width: 96rpx;
				height: 24rpx;
				display: inline-block;
				overflow-wrap: break-word;
				color: rgba(51, 51, 51, 1);
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				white-space: nowrap;
				line-height: 24rpx;
				text-align: center;
				margin: 12rpx 0 0 22rpx;
			}
		}
	}
</style>
